/**
 * 左侧树skeleton
 */

import React from 'react';
import Skeleton from 'react-loading-skeleton';
import { YunxiaoIcon } from '@alife/devops-ui';
import withTimeoutSkeleton from 'components/skeleton';
import './index.scss';

class TreeSkeleton extends React.PureComponent {
  render() {
    return (
      <div className="tree-skeleton">
        <div className="tree-skeleton-ul skeleton-wapper">
          <YunxiaoIcon type="trilateral-down-fill" className="tree-skeleton-icon" />
          <Skeleton width={100} height={20} />
        </div>
        <div className="tree-skeleton-item skeleton-wapper">
          <Skeleton width={100} height={20} />
        </div>
        <div className="tree-skeleton-item skeleton-wapper">
          <Skeleton width={80} height={20} />
        </div>
        <div className="tree-skeleton-item skeleton-wapper">
          <Skeleton width={100} height={20} />
        </div>
        <div className="tree-skeleton-item skeleton-wapper">
          <Skeleton width={80} height={20} />
        </div>
        <div className="tree-skeleton-item skeleton-wapper">
          <Skeleton width={100} height={20} />
        </div>
        <div className="tree-skeleton-item skeleton-wapper">
          <Skeleton width={80} height={20} />
        </div>
        <div className="tree-skeleton-item skeleton-wapper">
          <Skeleton width={100} height={20} />
        </div>
        <div className="tree-skeleton-item skeleton-wapper">
          <Skeleton width={80} height={20} />
        </div>
      </div>
    );
  }
}

export default withTimeoutSkeleton(TreeSkeleton);
